<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="jquery-3.6.0.js"></script>
		<script>
			function oc() {
				console.log("点击了按钮1")
			}
		</script>
	</head>
	<body>
		直接为按钮添加onclick事件: <button onclick="oc()">按钮1</button><br>
		使用DOM为按钮绑定onclick: <button id="bt2">按钮2</button><br>
		并将jQuery对象转为DOM对象: <button id="bt3">按钮3</button><br>
		jQuery实现对象的click方法: <button id="bt4">按钮4</button><br>
		jQuery使用bind为该对象绑定click事件: <button id="bt5">按钮5</button>
		<script>
			document.getElementById("bt2").onclick = () =>{
				console.log("点击了按钮2")
			}
			document.getElementById("bt3").addEventListener("click",() =>{console.log("点击了按钮3")})
			$("#bt4").click( () =>{console.log("点击了按钮4")})
			$("#bt5").bind("click",() =>{console.log("点击了按钮5")})
		</script>
	</body>
</html>
